<%-- 
    Document   : facultades
    Created on : 04-jun-2012, 9:10:37
    Author     : Administrador
--%>
<%@page import="com.javabeans.Facultad"%>
<%@page import="com.javabeans.Departamento"%>
<%@include file="../../../../controlSession.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
    List<Departamento> dptos = (List<Departamento>)request.getAttribute("dptos");
    List<Facultad> facultades = (List<Facultad>)request.getAttribute("facultades");
    List<Facultad> facultadesInactivos = (List<Facultad>)request.getAttribute("facultadesInactivos");
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SI-ESFM </title>
        <meta name="description" content="Derechos Reservados SI-ESFM." />
        <link rel="stylesheet" href="<%=s_path%>/css/styles.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/menu/style.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/themes/start/jquery-ui-1.8.20.custom.css" type="text/css" />
        <link rel="shortcut icon" href="<%=s_path%>/images/ico.png" type="image/png"/>
        
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/validate/jquery.validate.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.core.min.js"></script>  <!--si o si cargar esto-->
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.widget.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.position.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.mouse.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.button.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.draggable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.resizable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.dialog.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.effects.core.min.js"></script>
        
        <script type="text/javascript" src="<%=s_path%>/js/comun.js"></script>
        <script type="text/javascript">
            
            $(document).ready(function(){
                $("#dialogo").dialog({
                    autoOpen: false,
                    title: "Formulario Unidad Acad\u00e9mica",
                    height: 300,
                    width: 550,
                    modal: true,
                    buttons: {
                        "Aceptar": function() {
                            var flag = $("#formFacultad").valid();
                            if(flag){
                                $.ajax({
                                    type: 'POST',
                                    url: 'Administracion',
                                    data: $('#formFacultad').serialize(),
                                    success: function(res){
                                        $('#listFacultad').html(res);
                                    },
                                    error:function(){alert("Error! al registrar la Unidad Acad\u00e9mica")}
                                });
                                $( this ).dialog( "close" );
                            }
                        },
                        Cancelar: function() {
                            $( this ).dialog( "close" );
                        }
                    },
                    close: function() {
                        // implementar lo que convenga
                    }
		});
                
               // boton add facultad
               $.fn.addFacultad = function(){
                    $('#formFacultad').each(function(){
                        this.reset();
                    });
                    $("#idDepartamento2").removeAttr("disabled");
                    $("#titleForm").text("Nueva Unidad Acad\u00e9mica");
                    $("#accion").val("41");
                    $( "#dialog:ui-dialog" ).dialog( "destroy" );
                    $( "#dialogo" ).dialog( "open" );
                    $("#nombre").focus();
               }
               
               // modificar facultad
                $.fn.editar = function(idFacultad,nombre){
                    $("#titleForm").text("Modificar Unidad Acad\u00e9mica");
                    $("#accion").val("42");
                    $("#idFacultad").val(idFacultad);
                    $("#nombre").val(nombre);
                    $("#sigla").val($("#sigla"+idFacultad).val());
                    $("#telefono").val($("#telefono"+idFacultad).val());
                    $("#direccion").val($("#direccion"+idFacultad).val());
                    
                    $("#idDepartamento").val($("#idDepartamento"+idFacultad).val());
                    $("#idDepartamento2").html("<option value=''>Seleccione</option><option>"+$("#idDepartamento"+idFacultad).val()+"</option>");
                    $("#idDepartamento2").attr("disabled","true");
                    
                    $( "#dialog:ui-dialog" ).dialog( "destroy" );
                    $("#dialogo").dialog("open");
                }
               
                // eliminar Unidad Académica
                $.fn.eliminar = function(idFacultad,nombre){
                    if(confirm("¿Esta seguro de eliminar la Unidad Acad\u00e9mica ''"+nombre+"''?")){
                        $.ajax({
                            url: "Administracion",
                            type: "GET",
                            data:{ accion:43 , idFacultad:idFacultad, nombre:nombre },
                            success:function(res){
                                $('#listFacultad').html(res);
                            },
                            error: function(res){ alert("Error! al eliminar la Unidad Acad\u00e9mica."); }
                        });
                    }
                }
                
                // baja unidad académica
                $.fn.darBaja = function(idFacultad,nombre){
                    if(confirm("¿Estas seguro de dar de baja la Unidad Acad\u00e9mica ''"+nombre+"'', con sus dependencias de departamento, especialidad y materias?")){
                        $.ajax({
                            url: "Administracion",
                            type: "GET",
                            data:{ accion:44, idFacultad:idFacultad, nombre:nombre },
                            success:function(res){
                                $('#listFacultad').html(res);
                            },
                            error: function(res){ alert("Error! al dar de baja la Unidad Acad\u00e9mica"); }
                        });
                    }
                }
                
                // alta Unidad Académica
                $.fn.darAlta = function(idFacultad,nombre){
                    if(confirm("¿Esta seguro de dar de Alta la Unidad Acad\u00e9mica ''"+nombre+"'', con sus respectivos dependencias de departamentos, especialidades y materias?")){
                        $.ajax({
                            url: "Administracion",
                            type: "GET",
                            data:{ accion:45 , idFacultad:idFacultad, nombre:nombre },
                            success:function(res){
                                $('#listFacultad').html(res);
                            },
                            error: function(res){ alert("Error! al dar de alta la Unidad Acad\u00e9mica."); }
                        });
                    }
                }
            });
            
            $("#idDepartamento2").change(function(){ // si cambia de ciudad tambien cambiamos en la variable auxiliar
                    $("#idDepartamento2 option:selected").each(function (){
                        $("#idDepartamento").val($(this).val());
                    });
                });
            
            // muestra oculta
            function mostrarOcultar(){
                if(document.getElementById("facultadesBaja").style.display == 'none'){
                    document.getElementById("facultadesBaja").style.display = 'block';
                    document.getElementById("verOcultar").value = "Ocultar Bajas";
                    document.getElementById("verOcultar").title="Pulsa aqui para ocultar bajas";
                }else{
                    document.getElementById("facultadesBaja").style.display = 'none';
                    document.getElementById("verOcultar").value = "Mostrar Bajas"
                    document.getElementById("verOcultar").title="Pulsa aqui para mostrar bajas";
                }
            }
            
        </script>
    </head>
    <body onload="showTime(<%=s_param%>)">
        <div id="top-wrap">
            <!-- cabeza principal -->
            <%@include file="../../../../head.jsp" %>
            
            <!-- cuerpo -->
            <div id="bodySpace">               
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                        <li><a href="<%=s_path%>/principal.jsp">Home</a></li>
                        <li><span style="color:#666">Administraci&oacute;n</span></li>
                        <li><span style="color:#666">Administraci&oacute;n Acad&eacute;mico</span></li>
                        <li class="current-page"><span class="end"><span class="middle">Unidades Acad&eacute;micas</span></span></li>
                        </ul>
                        <!-- para la hora -->
                        <div style="clear: both;position: absolute;text-align: right;width: 100%;"><span id="fechaServ"></span>&nbsp;&nbsp;<span id="horaServ" style=""></span>&nbsp;</div>
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                
                <div id="principal">
                    <!-- izquierda -->
                    <div class="cuerpo2" style="border: 0px solid">
                        <div class="izq" style="border: 0px solid">
                           <%@include file="../../../../bodyIzq.jsp" %>
                        </div>
                        <div class="der" style="border: 0px solid">
                            <center>
                            <div id="listFacultad">
                                
                                <h2 class="decorado">Lista de Unidades Acad&eacute;micas</h2>
                            <table class="miReporte" style="width: 100%">
                                <tr>
                                    <td style="text-align: right"><input type="button" class="boton" value="A&ntilde;adir Nueva U. Acad&eacute;mica" onclick="$.fn.addFacultad()"/></td>
                                </tr>
                            </table>
                            <table class="tabla_decorado" style="width: 100%">
                                <thead>
                                    <tr><!--  -->
                                        <th width="5%" class="th_decoradoRowspan">Nro</th>
                                        <th width="20%" class="th_decoradoRowspan">DPTO.</th>
                                        <th width="20%" class="th_decoradoRowspan">NOMBRE</th>
                                        <th width="5%" class="th_decoradoRowspan">SIGLA</th>
                                        <th width="10%" class="th_decoradoRowspan">TELEFONO</th>
                                        <th width="20%" class="th_decoradoRowspan">DIRECCI&Oacute;N</th>
                                        <th width="20%" class="th_decoradoRowspan" colspan="3">ACCIONES</th>
                                    </tr>
                                </thead>
                                <tbody>
                            <%
                                int i = 1;
                                for(Facultad f : facultades){
                            %>          
                                    <tr class="tr_decorado">
                                        <td class="th_decorado" style="text-align: center"><%=i%></td>
                                        <td class="th_decorado"><%=f.getDepartamento().getNombre()%></td>
                                        <td class="th_decorado"><%=f.getNombre()%></td>
                                        <td class="th_decorado"><%=f.getSigla()%></td>
                                        <td class="th_decorado"><%=f.getTelefono()%></td>
                                        <td class="th_decorado"><%=f.getDireccion()%></td>
                                        <td class="td_decoradoDerecha" style="text-align: center">
                                            <input type="button" value="Editar" onclick="$.fn.editar(<%=f.getIdFacultad()%>,'<%=f.getNombre()%>')" class="botonRep" title="Pulsa aqui para editar la Unidad Acad&eacute;mica"/>
                                        </td>
                                        <td class="td_decoradoDerecha" style="text-align: center">
                                            <input type="button" value="Dar Baja" onClick="$.fn.darBaja(<%=f.getIdFacultad()%>,'<%=f.getNombre()%>')" class="botonRep" title="Pulsa aqui para dar de baja la Unidad Acad&eacute;mica"/>
                                        </td>
                                        <td class="td_decoradoDerecha" style="text-align: center">
                                            <input type="button" value="Eliminar" onClick="$.fn.eliminar(<%=f.getIdFacultad()%>,'<%=f.getNombre()%>')" class="botonRep" title="Pulsa aqui para eliminar la Unidad Acad&eacute;mica"/>
                                        </td>
                                        
                                    </tr>
                                    <input type="hidden" name="sigla<%=f.getIdFacultad()%>" id="sigla<%=f.getIdFacultad()%>" value="<%=f.getSigla()%>" />
                                    <input type="hidden" name="telefono<%=f.getIdFacultad()%>" id="telefono<%=f.getIdFacultad()%>" value="<%=f.getTelefono()%>" />
                                    <input type="hidden" name="direccion<%=f.getIdFacultad()%>" id="direccion<%=f.getIdFacultad()%>" value="<%=f.getDireccion()%>" />
                                    <input type="hidden" name="idDepartamento<%=f.getIdFacultad()%>" id="idDepartamento<%=f.getIdFacultad()%>" value="<%=f.getIdDepartamento()%>" />
                                    <input type="hidden" name="nombreDepto<%=f.getIdFacultad()%>" id="nombreDepto<%=f.getIdFacultad()%>" value="<%=f.getDepartamento().getNombre()%>" />
                            <%      i++;
                                }
                                if(i == 1){
                                    out.write("<tr class='tr_decorado'>");
                                    out.write("     <td class='td_decorado' colspan='9' style='text-align:center'><span style='color:red'>No existen Unidades Acad&eacute;micas registrados!</span></td>");
                                    out.write("</tr>");
                                }
                            %>
                                </tbody>
                            </table>
                            <!-- boton que muestra y oculta los paises dedos de baja -->    
                            <table class="miReporte" style="width: 100%">
                                <tr>
                                    <td style="text-align: right"><input type="button" name="verOcultar" id="verOcultar" value="Mostrar Bajas" onclick="mostrarOcultar()" class="boton" title="Pulsa aqui para mostrar bajas"/></td>
                                </tr>
                            </table>      <br/><br/>
                                
                            <!-- para mostrar bajas -->
                            <div id="facultadesBaja" style="display:none;">
                                <center>
                                    <h2 class="decorado">Unidades Acad&eacute;micas dados de Baja</h2>
                                <table class="tabla_decorado" style="width: 100%">
                                    <thead>
                                        <tr><!--  -->
                                            <th width="5%" class="th_decoradoRowspan">Nro</th>
                                            <th width="20%" class="th_decoradoRowspan">DPTO.</th>
                                            <th width="25%" class="th_decoradoRowspan">NOMBRE</th>
                                            <th width="10%" class="th_decoradoRowspan">SIGLA</th>
                                            <th width="10%" class="th_decoradoRowspan">TELEFONO</th>
                                            <th width="20%" class="th_decoradoRowspan">DIRECCI&Oacute;N</th>
                                            <th width="10%" class="th_decoradoRowspan">ACCIONES</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                <%
                                    i = 1;
                                    for(Facultad f : facultadesInactivos){
                                %>          
                                        <tr class="tr_decorado">
                                            <td class="th_decorado" style="text-align: center"><%=i%></td>
                                            <td class="th_decorado"><%=f.getDepartamento().getNombre()%></td>
                                            <td class="th_decorado"><%=f.getNombre()%></td>
                                            <td class="th_decorado"><%=f.getSigla()%></td>
                                            <td class="th_decorado"><%=f.getTelefono()%></td>
                                            <td class="th_decorado"><%=f.getDireccion()%></td>
                                            <td class="td_decoradoDerecha" style="text-align: center">
                                                <input type="button" value="Dar Alta" onClick="$.fn.darAlta(<%=f.getIdFacultad()%>,'<%=f.getNombre()%>')" class="botonRep" title="Pulsa aqui para dar de alta la Unidad Acad&eacute;mica <%=f.getNombre()%>"/>
                                            </td>
                                        </tr>
                                <%      i++;
                                    }
                                    if(i == 1){
                                        out.write("<tr class='tr_decorado'>");
                                        out.write("     <td class='td_decorado' colspan='7' style='text-align:center'><span style='color:red'>No existen Unidades Acad&eacute;micas dados de baja!</span></td>");
                                        out.write("</tr>");
                                    }
                                %>
                                    </tbody>
                                </table>
                                </center>
                            </div> <!-- End pais id='paisBaja' -->
                            
                            </div> <!-- End id="listPais" -->
                                
                            <div id="dialogo"><br/>
                                <h2 class="decorado" id="titleForm"></h2><br/>
                                <form id="formFacultad">
                                    <input type="hidden" name="accion" id="accion" value="0" />
                                    <input type="hidden" name="idFacultad" id="idFacultad" value="0" />
                                    <input type="hidden" name="idDepartamento" id="idDepartamento" value="<%=(dptos.size() == 1)?((Departamento)dptos.get(0)).getIdDepartamento():""%>" />
                                    <div class="error" style="clear:left;text-align:center;"><span></span></div><!-- CONTADOR DE ERRORES -->
                                    <div style="clear:both;">
                                        <label class="form_align35" >Dapartamento: </label>
                                        <select name="idDepartamento2" id="idDepartamento2" class="required form_input_align" title="Seleccione un departamento!">
                                        <%
                                            if(dptos.size() == 1){
                                                Departamento d = (Departamento)dptos.get(0);
                                                out.println("<option value='"+d.getIdDepartamento()+"' selected='true'>"+d.getNombre()+"</option>");
                                            }else{
                                                out.println("<option value=''>Seleccione</option>");
                                                for(Departamento d:dptos)
                                                    out.println("<option value='"+d.getIdDepartamento()+"'>"+d.getNombre()+"</option>");
                                            }
                                        %>
                                        </select>
                                        <label class="error">*</label>
                                    </div>
                                    <div style="clear:both;">
                                        <label class="form_align35" >Nombre: </label>
                                        <input type="text" name="nombre" id="nombre" value="" class="required form_input_align" title="Ingrese Nombre de la Unidad Acad&eacute;mica" maxlength="40"/>
                                        <label class="error">*</label>
                                    </div>
                                    <div style="clear:both;">
                                        <label class="form_align35" >Sigla: </label>
                                        <input type="text" name="sigla" id="sigla" value="" class="required form_input_align" title="Ingrese Sigla de la Unidad Acad&eacute;mica" maxlength="5"/>
                                        <label class="error">*</label>
                                    </div>
                                    <div style="clear:both;">
                                        <label class="form_align35" >Telefono(s): </label>
                                        <input type="text" name="telefono" id="telefono" value="" class="form_input_align" title="Ingrese Tel&eacute;fono" maxlength="40"/>
                                    </div>
                                    <div style="clear:both;">
                                        <label class="form_align35" >Direcci&oacute;n: </label>
                                        <input type="text" name="direccion" id="direccion" value="" class="form_input_align" title="Ingrese Direcci&oacute;n" maxlength="50"/>
                                    </div>
                                </form>
                            </div> <!-- FIN DIV id="dialogo" -->
                                
                            </center>
                        </div>
                    </div><!--end of leftPan-->
                    
                </div><!--end of content-wrapper-->
            </div><!--end of body-wrap-->
            
            <!-- footer -->
        </div>
    </body>
</html>